Skip to content

Tambah halaman pencarian post dengan Lunr.js - #36

Merged
udienz merged 5 commits into
masterfrom
claude/festive-planck-onfezl
Nov 5, 2026
Merged

udienz merged 5 commits into
masterfrom
claude/festive-planck-onfezl

Conversation

@udienz

@udienz udienz commented Nov 5, 2026

Copy link
Copy Markdown
Owner

Menambah halaman pencarian post di /search/ memakai Lunr.js, plus menu "Search" di navbar.

Isi

  • search.json: indeks yang dibuat Jekyll saat build (judul, url, tanggal, kategori, tag, dan 2000 kata pertama isi post).
  • search.md: kolom input, hasil langsung saat mengetik, kata yang cocok disorot, dan ?q= di URL langsung menjalankan pencarian. Lunr 2.3.9 dimuat dari jsDelivr.
  • _includes/navbar.html: menu "Search".

Pengujian

Situs dibangun dengan Jekyll 4.4.1 (--future) dan dibuka di Chromium headless lewat Playwright dengan jaringan normal (CDN tidak diarahkan ke file lokal):

  • lunr 2.3.9, jQuery 3.5.1, dan Bootstrap 4.6.0 dari CDN termuat dengan status 200. Tidak ada error atau warning di console dan tidak ada request yang gagal.
  • "ubuntu": 167 hasil, kata tersorot. "mobil listrik": 8 hasil, kedua kata tersorot.
  • /search/?q=ubuntu langsung menampilkan hasil dengan input terisi.
  • Lebar 390px: menu burger membuka dan menutup, scrollWidth 390 (tidak ada gulir ke samping). Sebelum perbaikan, URL panjang di cuplikan hasil membuat halaman melebar ke 523px; kini <li> hasil memakai text-break.
  • Lebar 1280px: scrollWidth 1280.
  • Build Jekyll 3.10 (jalur GitHub Pages) lolos dan menghasilkan search.json yang sama (332 entri).

Catatan

  • _posts/ berisi 339 file, search.json berisi 332 entri. Tujuh sisanya memakai published: false dan memang tidak dibangun ke _site, jadi tidak ada entri yang hilang.
  • Batas isi dinaikkan dari 300 ke 2000 kata. Dengan 300 kata, 81 post terpotong; dengan 2000 kata tinggal 3. Ukuran search.json naik dari 455 KB (157 KB gzip) ke 728 KB (242 KB gzip). Tanpa batas sama sekali 737 KB. Di Chromium headless, hasil ?q=ubuntu tampil sekitar 1,2 detik setelah navigasi, atau 3,1 detik dengan CPU diperlambat 4x.

…i seri

Post asli sekitar 9.000 kata dipecah menjadi tiga bagian yang saling terhubung.
Layout post mendapat navigasi seri, tombol bagian sebelumnya/berikutnya,
daftar isi per bagian lewat kramdown, dan tombol kembali ke atas.
# Conflicts:
#	_layouts/post.html
#	_posts/2026-11-04-mobil-listrik-10-model-terlaris-cara-memilih.md
#	_posts/2026-11-04-mobil-listrik-cara-kerja-pengisian-harga.md
#	_posts/2026-11-04-mobil-listrik-pengertian-jenis-cara-kerja.md
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Nov 5, 2026 •

Copy link
Copy Markdown

Deploying udienz-github-io with  Cloudflare Pages  Cloudflare Pages

Latest commit: 234c9e6
Status: ✅  Deploy successful!
Preview URL: https://0ef80541.udienz-github-io.pages.dev
Branch Preview URL: https://claude-festive-planck-onfezl.udienz-github-io.pages.dev

View logs

@udienz
udienz merged commit ecc6bcf into master Nov 5, 2026
2 checks passed
@udienz
udienz deleted the claude/festive-planck-onfezl branch November 5, 2026 01:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant